<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="dwz" uri="http://www.lyjuan.cn/dwz/tags" %>
<%@ page language="java" pageEncoding="UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>管理平台</title>
    <%@include file="../../../../dwz/basePath.jsp"%>
    <%@include file="../../../../dwz/httpSuf.jsp"%>
    <%@include file="../../../../dwz/dwzPath.jsp"%>
    <base href="${basePath}"/>
    <link href="${dwzPath}themes/css/login.css" rel="stylesheet" type="text/css"/>

    <style>
        input {
            width: 130px;
        }
    </style>
</head>

<body>
<div id="login">
    <div id="login_header">
        <h1 class="login_logo">
            <a href="javascript:void(0);"><img
                    src="${dwzPath}themes/default/images/login_logo.gif"/></a>
        </h1>
        <div class="login_headerContent">
            <div class="navList">
                <ul>
                    <!--
                        <li><a href="javascript:void(0);">设为首页</a></li>
                        <li><a href="javascript:void(0);">反馈</a></li>
                        <li><a href="doc/dwz-user-guide.pdf" target="_blank">帮助</a></li>
                     -->
                </ul>
            </div>
            <h2 class="login_title"><img src="${dwzPath}themes/default/images/login_title.png"/>
            </h2>
        </div>
    </div>
    <div id="login_content">
        <div class="loginForm">
            <form action="<dwz:url url="login/submit" skipAuth="true"/>" method="POST">
                <p>
                    <label>用户名：</label>
                    <input type="text" tabindex="1" name="username" maxlength="20" class="login_input"/>

                </p>
                <p>
                    <label>密码：</label>
                    <input type="password" tabindex="2" name="password" maxlength="20" class="login_input"/>
                </p>
                <p>
                    <label>验证码：</label>
                    <input type="text" id="code" tabindex="2" name="code" maxlength="4" class="login_input"
                           value="${param.code}" style="vertical-align : middle;width:50px;"/>
                    <img id="codeImg" onclick="changeImg()" alt="验证码看不清，换一张"
                         style="vertical-align : middle;width : 80px;height : 25px;"/>
                </p>
                <div class="login_bar">
                    <input class="sub" type="submit" tabindex="3" value=" "/>
                </div>
            </form>
        </div>
        <div class="login_banner"><img src="${dwzPath}themes/default/images/login_banner.jpg"/>
        </div>
        <div class="login_main">
            <ul class="helpList">
                <c:if test="${param.misamtchCode}">
                    <li>验证码错误</li>
                </c:if>
                <c:if test="${param.isMismatchLogin}">
                    <li>用户或密码错误</li>
                </c:if>
            </ul>
            <div class="login_inner">
                <!-- <p>信息</p> -->
            </div>
        </div>
    </div>
    <div id="login_footer">
        Copyright &copy;2016 . All Rights Reserved.
    </div>
</div>
</body>

</html>


<script>
    //刷新验证码
    function changeImg() {
        document.getElementById("codeImg").src = "<dwz:url url="login/code" skipAuth="true"/>?" + new Date().getTime();
    }

    changeImg();
</script>